<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="description" content="">
  <meta name="author" content="BBQ">
    <title>Title</title>
  <link rel="stylesheet" href="../src/css/bootstrap.css">
  <link rel="stylesheet" href="../src/css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="../src/css/bootstrap-reboot.min.css">
  <script src="../dist/js/JQ/jquery-3.3.1.min.js"></script>
  <script src="../dist/js/boost/bootstrap.bundle.min.js"></script>
  <script src="../dist/js/boost/bootstrap.min.js"></script>
  <link rel="stylesheet" href="../src/css/SY.css">
  <link rel="stylesheet" href="../src/css/xys.css">
  <script src="../dist/js/ZJ/SY.js"></script>
  <script src="../dist/js/ZJ/tshd.js"></script>
</head>
<body>
  <!-- 头部 -->
  <header class="container-fluid">
  <div class="Navrow row">
    <div class="Navlogo col-3"><a href="SY.html"><img src="../img/icon/site-brand@2x.png" alt=""></a></div>
    <div class="Navdiv col-9">
      <nav class="navigation navbar navbar-expand-sm navbar-dark">
        <ul class="navigation_ul navbar-nav">
          <a class="Nav1" href="../html/SY.html"><i><img src="../img/nav/home.png" alt=""></i><li class="nav-item">首页</li></a>
          <a class="Nav1" href="../html/zpms.html"><i><img src="../img/nav/food.png" alt=""></i><li class="nav-item">招牌美食</li></a>
          <a class="Nav1" href="../html/tshd.html"><i class="Navicon" icon="1"><img src="../img/nav/char.png" alt=""></i><li class="nav-item Navtext">特色活动</li></a>
          <a class="Nav1" href="../html/zsjm.html"><i><img src="../img/nav/join.png" alt=""></i><li class="nav-item">招商加盟</li></a>
          <a class="Nav1" href="../html/qygk.html"><i><img src="../img/nav/ente.png" alt=""></i><li class="nav-item">企业概况</li></a>
          <a class="Nav1" href="../html/lxwm.html"><i><img src="../img/nav/menn.png" alt=""></i><li class="nav-item">联系我们</li></a>
        </ul>
      </nav>
    </div>
    <nav class="Navxy col-9">
      <div class="Navxy_btn" role="navigation">
        <h1 class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">+</h1>
      </div>
      <div class="collapse navbar-collapse" id="example-navbar-collapse" style="margin-top: 50px">
        <ul class="Navxl nav navbar-nav">
          <li class="active"><a href="../html/SY.html">首页</a></li>
          <li><a href="../html/zpms.html">招牌美食</a></li>
          <li><a href="../html/tshd.html">特色活动</a></li>
          <li><a href="../html/zsjm.html">招商加盟</a></li>
          <li><a href="../html/qygk.html">企业概况</a></li>
          <li><a href="../html/lxwm.html">联系我们</a></li>
        </ul>
      </div>
    </nav>
  </div>
</header>
  <!--特色活动-->
  <section class="activity">
    <div class="activity_text">
      <h5>特色活动</h5>
      <p>Featured display</p>
    </div>
    <div class="grid-wrap">
      <ul class="grid" id="grid">
        <li>
          <figure> <img src="../img/hd/hd-1.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-2.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-3.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-4.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-5.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-6.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-7.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-8.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-9.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-10.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-11.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
        <li>
          <figure> <img src="../img/hd/hd-12.jpg" alt="img01"/>
            <figcaption>
              <h3>奶瓶喝啤酒</h3>
              <p>2016-06-20</p>
            </figcaption>
          </figure>
        </li>
      </ul>
    </div>
  </section>
</body>
</html>
